@charset "utf-8";

@import url('reset.less');
@import url('../quote/color.less');
/*common*/


/*M实验*/
@media screen and (max-width: 1200px) {
  html{font-size:20px;}
}
@media screen and (max-width: 550px) {
  html{font-size:14px;} 
}
@media screen and (max-width: 420px) {
  html{font-size:13.4px;}
}
@media screen and (max-width: 380px) {
  html{font-size:12px;}
}
@media screen and (max-width: 370px) {
  html{font-size:10px;}
}

/*=============全局样式===============*/

@font-face {
  font-family: 'Mukta';
  font-style: normal;
  font-weight: 300;
  src: local('Mukta Regular'), local('Mukta-Regular'), url('/src/less/font/Mukta-Regular.ttf') format('woff2');
}

body{
  font-size:14px;
  font-family: 'Mukta','PT Sans', sans-serif;
  color:@main-a;
}

/*@font-face
{
  font-family: myFirstFont;
  src: url('Sansation_Light.ttf'),
  url('Sansation_Light.eot'); !* IE9+ *!
}*/

::-webkit-input-placeholder{font-size: 12px;color:@c9;}
// 标题样式
h1{font-size: 30px;}
h2{font-size: 26px;}
h3{font-size: 22px;}
h4{font-size: 18px;}
//框架主样式


.container{
  position: relative;
  margin-left: 65px;
  /*左侧一级导航*/
  .menu{
    position: fixed;
    top:0;
    left:0;
    width:65px;
    height:100%;
    background-color:@main-a;
    z-index: 10;
    .menu-title{
      width:65px;
      height:@val-a;
      padding:10px;
      text-align: center;
      img{height:100%;}
      //background: @main-b;
    }
    .menu-content{
      .active{
        color:@main-b;
      }
      .active .iconfont{
        color: @main-b !important;
      }
      .content-list{
        height:65px;
        line-height: 65px;
        text-align: center;
        cursor: pointer;
        color:@cf;
        a,a:visited,a:hover,a:active{color:@cf;}
        .iconfont{
          font-size: 25px;
        }
      }
    }
  }
  /*导航*/
  .main-nav{
    position:relative;
    height: @val-a;
    .nav{
      position: fixed;
      top:0;
      width: calc(100% - @val-a);
      height: @val-a;
      box-shadow: 0 1px 4px rgba(0,21,41,.08);
      z-index: 10;
      background: @cf;
      .icon-icon-test{
        float:right;
        margin-right:40px;
        margin-top: 15px;
        font-size: 25px;
        color:@c9;
        cursor:pointer;
      }
    }
  }

  /*内容*/
  .main-content{
    position:relative;
    /*min-width: 1250px;*/
    //height: calc(100vh - 65px);
    background: @cf9;
    z-index: 1;
    //面包屑栏
    .breadcrumb{
      height:@val-b;
      line-height:@val-b;
      font-size:22px;
      padding-left: 45px;
      border-bottom: 1px solid @ceb;
      color:@main-a;
      background: @cf9;
      .interval{
        font-size: 14px;
        margin:0 5px;
      }
    }
  }


  /**table-a**/
  table.table-a{
    width:100%;
    text-align: center;
    color:@main-a;
    word-break: break-all;

    a{color:@main-a;text-decoration: underline;}
    a:visited{color:@c9;}

    th{font-family: sans-serif;}
    th,td{
      height: 45px; padding:5px 8px;
      span,input{
        vertical-align: middle;
      }
    }

    .t-head{
      color:@cf;
      background: @main-b;
      th{
        &:first-child{
          max-width: 80px;
          min-width: 80px;
          text-align: left;
          padding-left: 20px;
        }
      }
    }
    tbody{
      tr{
        td:first-child{
          max-width: 80px;
          min-width: 80px;
          text-align: left;
          padding-left: 20px;
        }
      }
    }
    tbody.total-style{
      td{background-color: @ceb;}
    }
  }
  tr.nth:nth-child(even)
  {
    &>td{background:@cf;}
  }
  tr.nth:nth-child(odd)
  {
    &>td{background:@cf9;}
  }

  .table-fixed{
    height: 100%;
    thead tr,
    tbody tr{display:table;width:100%;table-layout:fixed;}
    .thead-fixed{
      td{
        background:#ebebeb;
        color:#333;
      }
    }
    tbody{
      display: block;
      height:calc(100% - 50px);
      overflow: auto;
    }
  }


  //列表公共选项样式
  .header{
    form{width:100%;}
    .header-sort{
      text-align: center;
      font-size: 16px;
      font-weight: bold;
      color:@c9;
      .sort-list{
        a{color:@c9;}
        height:45px;
        line-height:45px;
        cursor: pointer;
      }
      .active-sort{
        color:@main-b;
        a{color:@main-b;}
      }
    }
  }

  /*foot-page*/
  footer.footer{
    position: absolute;
    left:0;
    width: 100%;
    height: 70px;
    padding:0 75px;
    color:@c9;
    font-size: 12px;
    bottom:0;
    background: @cf;
    border-top: 1px dashed @cf9;
    #page-start,#page-end,#page-total{color:@c6;}
    #page-total{color:@main-b;}
    select[name='page']{
      border: 1px solid @cdb;
      padding:3px 5px;
      color: @main-a;
      margin: 0 5px;
    }
  }

}
.abc{   height:calc(100vh - 65px);}


















//公共快速类样式
.auto{
  margin-left:auto;
  margin-right:auto;
}

.fill{
  left:0;
  right:0;
  top:0;
  bottom:0;
}
.bg-cover{
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.bg-fill{
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.line-br{
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.w5{
  width: 5%;
}
.w8{
  width: 8%;
}
.w10{
  width: 10%;
}
.w12{
  width: 12%;
}
.w13{
  width: 13%;
}
.w14{
  width: 14%;
}
.w15{
  width: 15%;
}
.w20{
  width: 20%;
}
.w25{
  width: 25%;
}
.w30{
  width: 30%;
}
.w35{
  width: 35%;
}
.w40{
  width:40%;
}
.w45{
  width: 45%;
}
.w50{
  width:50%;
}
/******************PC端*********************/
.mt3 {
  margin-top: 3px;
}
.mt5 {
  margin-top: 5px;
}
.mt7 {
  margin-top: 7px;
}
.mt10 {
  margin-top: 10px;
}
.mt15 {
  margin-top: 15px;
}
.mt20 {
  margin-top: 20px;
}
.mt30 {
  margin-top: 30px;
}
.mt40 {
  margin-top: 40px;
}
.mt50 {
  margin-top: 50px;
}

.mr1 {
  margin-right: 1px;
}
.mr3 {
  margin-right: 3px;
}
.mr5 {
  margin-right: 5px;
}
.mr7 {
  margin-right: 7px;
}
.mr10 {
  margin-right: 10px;
}
.mr15 {
  margin-right: 15px;
}
.mr20 {
  margin-right: 20px;
}
.mr30 {
  margin-right: 30px;
}

.ml1 {
  margin-left: 1px;
}
.ml3 {
  margin-left: 3px;
}
.ml5 {
  margin-left: 5px;
}
.ml7 {
  margin-left: 7px;
}
.ml10 {
  margin-left: 10px;
}
.ml15 {
  margin-left: 15px;
}
.ml20 {
  margin-left: 20px;
}
.ml30 {
  margin-left: 30px;
}

.pd3 {
  padding: 3px;
}
.pd5 {
  padding: 5px;
}
.pd7 {
  padding: 7px;
}
.pd10 {
  padding: 10px;
}
.pd15 {
  padding: 15px;
}
.pd20 {
  padding: 20px;
}
.pd30 {
  padding: 30px;
}

.pdt3 {
  padding-top: 3px;
}
.pdt5 {
  padding-top: 5px;
}
.pdt7 {
  padding-top: 7px;
}
.pdt10 {
  padding-top: 10px;
}
.pdt15 {
  padding-top: 15px;
}
.pdt20 {
  padding-top: 20px;
}
.pdt30 {
  padding-top: 30px;
}

.pdb3 {
  padding-bottom: 3px;
}
.pdb5 {
  padding-bottom: 5px;
}
.pdb7 {
  padding-bottom: 7px;
}
.pdb10 {
  padding-bottom: 10px;
}
.pdb15 {
  padding-bottom: 15px;
}
.pdb20 {
  padding-bottom: 20px;
}
.pdb30 {
  padding-bottom: 30px;
}

.pdl3 {
  padding-left: 3px;
}
.pdl5 {
  padding-left: 5px;
}
.pdl7 {
  padding-left: 7px;
}
.pdl10 {
  padding-left: 10px;
}
.pdl15 {
  padding-left: 15px;
}
.pdl20 {
  padding-left: 20px;
}
.pdl30 {
  padding-left: 30px;
}

.pdr3 {
  padding-right: 3px;
}
.pdr5 {
  padding-right: 5px;
}
.pdr7 {
  padding-right: 7px;
}
.pdr10 {
  padding-right: 10px;
}
.pdr15 {
  padding-right: 15px;
}
.pdr20 {
  padding-right: 20px;
}
.pdr30 {
  padding-right: 30px;
}

.f12 {
  font-size: 12px;
}
.f14 {
  font-size: 14px;
}
.f16 {
  font-size: 16px;
}
.f18 {
  font-size: 18px;
}
.f20 {
  font-size: 20px;
}
.f22 {
  font-size: 22px;
}
.f24 {
  font-size: 24px;
}



/******************移动端*********************/

/*.mt3 {
  margin-top: 0.3rem;
}
.mt5 {
  margin-top: 0.5rem;
}
.mt7 {
  margin-top: 0.7rem;
}
.mt10 {
  margin-top:1rem;
}
.mt15 {
  margin-top: 1.5rem;
}
.mt20 {
  margin-top: 2.0rem;
}
.mt30 {
  margin-top: 3.0rem;
}
.mt40 {
  margin-top: 4.0rem;
}
.mt50 {
  margin-top: 5.0rem;
}


.mr1 {
  margin-right: 0.1rem;
}
.mr3 {
  margin-right: 0.3rem;
}
.mr5 {
  margin-right: 0.5rem;
}
.mr7 {
  margin-right: 0.7rem;
}
.mr10 {
  margin-right: 1.0rem;
}
.mr15 {
  margin-right: 1.5rem;
}
.mr20 {
  margin-right: 2.0rem;
}
.mr30 {
  margin-right: 3.0rem;
}

.ml1 {
  margin-left: 0.1rem;
}
.ml3 {
  margin-left: 0.3rem;
}
.ml5 {
  margin-left: 0.5rem;
}
.ml7 {
  margin-left: 0.7rem;
}
.ml10 {
  margin-left: 1.0rem;
}
.ml15 {
  margin-left: 1.5rem;
}
.ml20 {
  margin-left: 2.0rem;
}
.ml30 {
  margin-left: 3.0rem;
}

.pd3 {
  padding: 0.3rem;
}
.pd5 {
  padding: 0.5rem;
}
.pd7 {
  padding: 0.7rem;
}
.pd10 {
  padding: 1.0rem;
}
.pd15 {
  padding: 1.5rem;
}
.pd20 {
  padding: 2.0rem;
}
.pd30 {
  padding: 3.0rem;
}

.pdt3 {
  padding-top: 0.3rem;
}
.pdt5 {
  padding-top: 0.5rem;
}
.pdt7 {
  padding-top: 0.7rem;
}
.pdt10 {
  padding-top: 1.0rem;
}
.pdt15 {
  padding-top: 1.5rem;
}
.pdt20 {
  padding-top: 2.0rem;
}
.pdt30 {
  padding-top: 3.0rem;
}

.pdb3 {
  padding-bottom: 0.3rem;
}
.pdb5 {
  padding-bottom: 0.5rem;
}
.pdb7 {
  padding-bottom: 0.7rem;
}
.pdb10 {
  padding-bottom: 1.0rem;
}
.pdb15 {
  padding-bottom: 1.5rem;
}
.pdb20 {
  padding-bottom: 2.0rem;
}
.pdb30 {
  padding-bottom: 3.0rem;
}

.pdl3 {
  padding-left: 0.3rem;
}
.pdl5 {
  padding-left: 0.5rem;
}
.pdl7 {
  padding-left: 0.7rem;
}
.pdl10 {
  padding-left: 1.0rem;
}
.pdl15 {
  padding-left: 1.5rem;
}
.pdl20 {
  padding-left: 2.0rem;
}
.pdl30 {
  padding-left: 3.0rem;
}

.pdr3 {
  padding-right: 0.3rem;
}
.pdr5 {
  padding-right: 0.5rem;
}
.pdr7 {
  padding-right: 0.7rem;
}
.pdr10 {
  padding-right: 1.0rem;
}
.pdr15 {
  padding-right: 1.5rem;
}
.pdr20 {
  padding-right: 2.0rem;
}
.pdr30 {
  padding-right: 3.0rem;
}

.fr10{
  font-size: 1rem;
}
.fr12 {
  font-size: 1.2rem;
}
.fr14 {
  font-size: 1.4rem;
}
.fr16 {
  font-size: 1.6rem;
}
.fr18 {
  font-size: 1.8rem;
}
.fr20 {
  font-size: 2rem;
}
.fr22 {
  font-size: 2.2rem;
}*/


